<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="author" content="xiaopi UED Team" />
    <title>微吧_微吧APP下载_微吧客户端官网</title>
    <meta name="keywords" content="微吧,微吧APP下载,微吧客户端官网,微吧APP">
    <meta name="description" content="微吧是全网最大的兴趣资源社区，主要经营软件、游戏、视频、小说等兴趣资源共享！">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/fullpage.js"></script>
</head>
<body>
    <!-- header -->
    <div class="header">
        <div class="wrapper">
            <a href="#" class="logo"></a>
            <div class="topbar">
                <a class="btn btn-blue" href="wap.html"><i class="ico ico-android"></i>微吧APP<i class="icon icon-code"></i><span class="code"><img src="picture/code-syb.png" ><em></em><i></i></span></a>
                
                <a class="btn btn-blueD" href="#"><i class="ico ico-pc"></i>进吧</a>
				<a class="btn btn-blueD" href="#"><i class="ico ico-pc"></i>开通会员</a>
				<a class="btn btn-blueD" href="#"><i class="ico ico-pc"></i>个人中心</a>
				<a class="link" href="#">登录</a>
                <a class="link" href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- pages -->
    <div class="pages" id="pages">
        <div class="page page1">
            <div class="page-inner">
                <div class="download">
                    <!-- <div class="name">
                        <i class="icon icon-logo"></i>
                        <h1>微吧社区APP</h1>
                        <h4>年轻人的兴趣资源社区。</h4>
                    </div> -->
                    <div class="logo-version"><span class="num">v4.3</span></div>
                    <a href="#" class="btn-download">立即下载</a>
                </div>
                <div class="caselist">
                    <ul>
                        <li class="item1"><img src="picture/case5.jpg" ></li>
                        <li class="item2"><img src="picture/case4.jpg" ></li>
                        <li class="item3"><img src="picture/case3.jpg" ></li>
                        <li class="item4"><img src="picture/case2.jpg" ></li>
                        <li class="item5"><img src="picture/case1.jpg" ></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="page page2">
            <div class="page-inner">
                <div class="textbox fl">
                    <h2>每一次改变，都充满心意</h2>
                    <h3>全新的首页，清新简约，更多优质内容</h3>
                    <ul class="ani">
                        <li class="ani-logo"></li>
                        <li class="ani-1"></li>
                        <li class="ani-2"></li>
                        <li class="ani-3"></li>
                        <li class="ani-4"></li>
                        <li class="ani-5"></li>
                    </ul>
                </div>
                <div class="showbox fr">
                    <div class="pic"><img src="picture/p1.jpg" ></div>
                    <i class="icon icon-rocket"></i>
                    <span class="cloud"></span>
                </div>
            </div>
        </div>
        <div class="page page3">
            <div class="page-inner">
                <div class="textbox fr">
                    <h2>每一份资源，都饱含艰辛</h2>
                    <h3>最全资源分享，每一条都是用心亲测的成果</h3>
                    <ul class="ani">
                        <li class="ani-logo"></li>
                        <li class="ani-1"></li>
                        <li class="ani-2"></li>
                        <li class="ani-3"></li>
                        <li class="ani-4"></li>
                        <li class="ani-5"></li>
                    </ul>
                </div>
                <div class="showbox">
                    <div class="pic"><img src="picture/p2.jpg" ></div>
                    <i class="icon icon-gift"></i>
                    <span class="cloud"></span>
                </div>
            </div>
        </div>
        <div class="page page4">
            <div class="page-inner">
                <div class="textbox fl">
                    <h2>每一次签到，都是一次支持和鼓励</h2>
                    <h3>每日签到、T豆商城、竞拍商城，更多福利更多精彩</h3>
                    <ul class="ani">
                        <li class="ani-logo"></li>
                        <li class="ani-1"></li>
                        <li class="ani-2"></li>
                        <li class="ani-3"></li>
                        <li class="ani-4"></li>
                        <li class="ani-5"></li>
                    </ul>
                </div>
                <div class="showbox fr">
                    <div class="pic"><img src="picture/p3.jpg" ></div>
                    <i class="icon icon-book"></i>
                    <span class="cloud"></span>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="page-footer">
            <div class="download">
                <p><i class="icon icon-logo"></i></p>
                <h2>微吧安卓版</h2>
                <h3>再一次为了“你”升级</h3>
                <p><a href="h#" class="btn-download">立即下载</a></p>
            </div>
            <div class="friendlink">
                <span>友情链接：</span>
                                       <a href="h#" title="微吧社区" >微吧社区</a>
                            </div>
            <div class="copyright">
                <p>Powered by Micro. X3.4 © 2015-2018 小伙伴</p>
                <p>浙ICP备15007923号-1</p>
            </div>
        </div>
    </div>
	
    <!-- 焦点导航 -->
    <ul class="navbar" id="navbar">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

</body>
</html>
